<!DOCTYPE html>
<html lang="en">
<head>
<title>发布服务</title>
<meta charset="utf-8">
<link rel="shortcut icon" href="/staticFile/images/userIndex/favicon.ico" />
<link type="text/css" rel="stylesheet" href="/staticFile/css/userIndex/common.css">
<link type="text/css" rel="stylesheet" href="/staticFile/css/userIndex/userLogin.css">
<link type="text/css" rel="stylesheet" href="/staticFile/css/userIndex/issueService.css">
<link rel="stylesheet" href="http://cache.amap.com/lbs/static/main1119.css"/>
<script type="text/javascript" src="http://webapi.amap.com/maps?v=1.4.15&key=19a49e17b6eb9e0d69fa19de68cd27ed&plugin=AMap.Scale,AMap.OverView,AMap.ToolBar,AMap.Autocomplete,AMap.CitySearch,AMap.PlaceSearch,AMap.Geocoder"></script>
<script type="text/javascript" src="http://cache.amap.com/lbs/static/es5.min.js"></script>
<script type="text/javascript" src="/staticFile/js/plugins/jquery/jquery-2.1.1.min.js"></script>
<script type="text/javascript" src="/staticFile/js/common/getDictionaries.js"></script>
<script type="text/javascript" src="/staticFile/js/common/commonUtil.js"></script>
<script type="text/javascript" src="/staticFile/js/common/constant.js"></script>
<script type="text/javascript" src="/staticFile/js/plugins/encryption/scs_sha1.js"></script>
<script type="text/javascript" src="/staticFile/js/plugins/My97DatePicker/WdatePicker.js"></script>
<script type="text/javascript" src="/staticFile/js/userIndex/issueService.js"></script>
<script type="text/javascript" src="/staticFile/js/common/simpleTipsUtil.js"></script>
<script type="text/javascript" src="/staticFile/js/common/getCityIdByCityName.js"></script>
<script type="text/javascript" src="/staticFile/js/common/dragImgVerify.js"></script>
<script type="text/javascript" src="/staticFile/js/userIndex/userLogin.js"></script>
</head>
<body>
<header id="pageHeader">
    <div class="row-top">
        <div class="main">
            <div class="wrapper top-logo">
                <a target="_blank" href="/">LGL</a>
            </div>
            <a style="display: none;" id="IamLogout" href="javascript:void(0)">退出</a>
        </div>
    </div>
    <div class="menu-row">
        <div class="menu-bg">
            <div class="main">
                <nav class="indent-left">
                    <ul class="menu wrapper">
                        <li><a href="/">热门服务</a></li>
                        <li class="active"><a href="javascript: void(0);">发布服务</a></li>
                        <li id="Myself">
                        	<a href="userRegister.html" class="user-register">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;注册</a>
                            <a href="userLogin.html" class="user-login" style="color: #FFF;">登录&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</a>
                        </li>
                        <li><a href="joinUs.html">JOIN US</a></li>
                        <li><a href="commonProblems.html">常见问题</a></li>
                    </ul>
                </nav>
            </div>
        </div>
    </div>
</header>

<!-- 发表服务表单 -->
<div id="middleMain" class="middle-main">
    <form id="serviceOrderForm" class="order-form">
        <fieldset><br>
            <span class="service-title">填写服务订单信息</span>
            <ol>
                <li>
                    <label class="title-text">服务标题：</label>
                    <input id="soName" name="soName" type="text" placeholder="请输入标题" required autofocus>
                    <span class="right-span">
                        <label class="title-text">服务时间：</label>
                        <input id="soServiceDate" name="soServiceDate" class="Wdate" type="text" placeholder="2020-10-08 10:30:00" readonly="readonly"
                        onfocus="WdatePicker({skin:'whyGreen',dateFmt:'yyyy-MM-dd HH:mm:ss',minDate:'%y-%M-%d %H:%m',maxDate:'%y-%M-#{%d+30}'})"/>
                    </span>
                </li>
                <li>
                    <label class="title-text">服务类型：</label>
                    <select id="serviceType" name="soServiceType" class="service-type"></select>
                    <span class="right-span">
                        <label class="title-text">服务地址：</label>
                        <input id="soAddress" name="soAddress" type="text" placeholder="请输入地址..." required>
                    </span>
                </li>
                <li>
                    <label class="title-text">联系电话：</label>
                    <input id="soPhone" name="soPhone" type="tel" placeholder="010-12345678" required>
                    <span class="right-span">
                        <label class="title-text">服务金额：</label>
                        <input id="soAmount" name="soAmount" type="number" placeholder="请输入金额..." required>
                    </span>
                </li>
                <li>
                    <label class="title-text">支付方式：</label>
                    <input id="soPaymentMenthod" name="soPaymentMenthod" type="radio" checked="checked" value="0"><span class="pay-type">线下支付</span>
                    <!-- <input name="soPaymentMenthod" type="radio" value="1"><span class="pay-type">微信支付</span>
                    <input name="soPaymentMenthod" type="radio" value="2"><span class="pay-type">支付宝支付</span>
                    <input name="soPaymentMenthod" type="radio" value="3">银联支付 -->
                </li>
                <li>
                    <label class="title-text">要求描述：</label>
                    <textarea id="soDesc" placeholder="订单描述，对接单人的一些要求或注意事项" name="soDesc" class="service-description" style="width: 772px;height: 80px;font-size: 20px;"></textarea>
                </li>
            </ol>
        </fieldset>

        <fieldset>
            <button type="button" id="btnIssueService" class="btn-issue-service">发布服务</button>
            <span id="errorMsg"></span>
        </fieldset>
    </form>
</div>

<!-- 页面尾部 -->
<div id="footer" class="footer">
    <div class="footer_info">
        <div class="footer-care-us" style="margin-left: 0px;">
            <strong>关注微信</strong><br/>
            <!--微信扫一扫<br />-->
            <img src="/staticFile/images/userIndex/weChat.png"/>
        </div>
        <div class="footer-about-us">
            <strong>关于九九</strong><br/>
            <a target="_blank" href="aboutUs.html">关于我们</a><br/>
            <a target="_blank" href="serviceAim.html">服务宗旨</a><br/>
            <a target="_blank" href="feedback.html">意见反馈</a>
        </div>
        <div class="footer-contact-us">
            <strong>联系我们</strong><br/>
            <span>
                客服电话：186-7078-7994<br />
                服务邮箱：ijobvip@163.com<br />
                公司地址：北京丰台区草桥东路
            </span>
        </div>
        <div class="footer-record" style="float: right;">
            京ICP备25697805号-4  京ICP证182661号  Copyright © 2015-2016
        </div>
    </div>
</div>
<!-- 地图遮罩层 -->
<div class="mask-layer"></div>
<div id="amapLayerCenter" class="scs-amap-layer">
	<span class="close-mask-layer"><img id="closeFixCenter" src="/staticFile/images/userIndex/close.png"/></span>
	<div id="aMapContainer" style="width: 100%;height: 100%;"></div>
	<div class="page-top-tip">
	    <table>
	        <tr>
	            <td>
	                <label style="font-size:16px;line-height:26px;">地址:</label>
	                <input type="text" id="tipinput" style="line-height: 20px;width: 345px;"/>
	                <button id="btnSureAddress" class="btn-sure-address">确定</button>
	            </td>
	        </tr>
	    </table>
	</div>
</div>

<!-- 用户登录 -->
<div id="userLogin">
    <img class="close-login" src="/staticFile/images/pic12.gif"/>
    <div class="login-form">
        <input type="hidden" id="isPassVerify"/>
        <div id="errorPrompt"></div>
        <div class="username">
            <input type="text" id="userName" placeholder="手机号码" autocomplete="on" />
            <span class="user-icon icon">u</span>
        </div>
        <div class="password">
            <input type="password" id="userPassword" placeholder="请输入密码" />
            <span class="password-icon icon">p</span>
        </div>
        <div class="account-control">
            <!-- 登录滑动验证 -->
            <div class="verification-code" style="height: 120px;">
                <!--原始图 -->
                <div id="verifyImgSource" class="verify-img-source" style="height: 113px;"></div>
                <!--被扣掉的原始图-->
                <div id="verifyImgCut" class="verify-img-cut" style="height: 113px;"></div>
                <!--加载中小图片-->
                <div id="verifyImgLoading" class="verify-img-loading" style="height: 113px;"></div>
                <!--滑动小扣图-->
                <div id="verifyImgDrag"></div>
            </div>
            <div id="drag"></div>
            <span><a href="userPages/forgetPassword.html">忘记密码？</a></span>
            <button id="btnUserLogin">登录</button>
        </div>
        <p class="not-registered">还没有注册?现在就去<a href="userPages/userRegister.html">注册!</a></p>
    </div>
</div>
<div class="loading">
    <img width="128" height="128" src="/staticFile/images/userIndex/loading.gif" /><br><br>
    <span id="loadingWord"></span>
</div>
<script type="text/javascript" src="/staticFile/js/common/commonPage.js"></script>
<script type="text/javascript" src="/staticFile/js/common/commonHeaderPage.js"></script>
</body>
</html>